<template>
	<div class="remarks">
		<div>
			<div v-if="type === 'guanzhugongzhonghao'">注：此组件必须先在微信公众平台开通。</div>
      <div v-if="type === 'gerenxinxi'">个人信息模块暂不支持编辑</div>
			<span v-if="type === 'guanzhugongzhonghao'" @click="operBtn" class="operBtn">开通步骤</span>
		</div>
		<CustomerOperation ref="customerOperationDialog"></CustomerOperation>
	</div>
</template>

<script>
import CustomerOperation from '../../../components/DialogInsideLink/components/CustomerOperation.vue';
import { mapGetters } from 'vuex'
export default {
	components: {
		CustomerOperation
	},
  data() {
    return {
      type: ''
    }
  },
  computed: {
    ...mapGetters(['activePageForm'])
  },
  mounted() {
    this.type = this.activePageForm.modules[this.activePageForm.activeModuleIndex].type
  },
	methods: {
		//操作详情
		operBtn() {
			this.$refs.customerOperationDialog.open({ roleType: 'gz_gzh' });
		}
	}
};
</script>

<style lang="scss" scoped>
.remarks {
	.operBtn {
		color: #409eff;
		cursor: pointer;
	}
}
</style>
